<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>美的菜单</title>
    <link rel="stylesheet" href="美的菜单.css">
</head>

<body>
    <header class="banner">
        <div class="nav">
            <div class="midea_logo">
                <a href="#">
                    <img src="img/midea-logo-cn.png" alt="">
                </a>
            </div>
            <div class="menu">
                <ul class="menu_ul">
                    <li class="menu_li">
                            <span class="menu_link">美的业务</span>
                            <div class="display">
                                <ul class="display_ul">
                                    <li class="display_li"><a href="#">总览</a></li>
                                    <li class="display_li"><a href="#">智能家居事业群</a></li>
                                    <li class="display_li"><a href="#">机电事业群</a></li>
                                    <li class="display_li"><a href="#">楼宇科技事业部</a></li>
                                    <li class="display_li"><a href="#">机器人与自动化事业部</a></li>
                                    <li class="display_li"><a href="#">数字化创新业务</a></li>
                                </ul>
                            </div>
                    </li>
                    <li class="menu_li">
                        <span class="menu_link">投资者关系</span>
                        <div class="display">
                            <ul class="display_ul">
                                <li class="display_li"><a href="#">总览</a></li>
                                <li class="display_li"><a href="#">致股东的信</a></li>
                                <li class="display_li"><a href="#">公司治理</a></li>
                                <li class="display_li"><a href="#">股票信息</a></li>
                                <li class="display_li"><a href="#">财务报告</a></li>
                                
                            </ul>
                        </div>
                    </li>
                    <li class="menu_li"><span class="menu_link">美的商城</span></li>
                    <li class="menu_li"><span class="menu_link">美的家居</span></li>
                    <li class="menu_li"><span class="menu_link">美的服务</span></li>
                    <li class="menu_li">
                        <span class="menu_link">加入美的</span>
                        <div class="display">
                            <ul class="display_ul">
                                <li class="display_li"><a href="#">总览</a></li>
                                <li class="display_li"><a href="#">工作在美的</a></li>
                                <li class="display_li"><a href="#">美的文化</a></li>
                                <li class="display_li"><a href="#">职业发展</a></li>
                                <li class="display_li"><a href="#">社会招聘</a></li>
                                <li class="display_li"><a href="#">应届毕业生招聘</a></li>
                                <li class="display_li"><a href="#">博士生招聘</a></li>
                            </ul>
                        </div>
                    </li>
                    <li class="menu_li">
                        <span class="menu_link">关于美的</span>
                        <div class="display">
                            <ul class="display_ul">
                                <li class="display_li"><a href="#">总览</a></li>
                                <li class="display_li"><a href="#">创新</a></li>
                                <li class="display_li"><a href="#">制造</a></li>
                                <li class="display_li"><a href="#">新闻中心</a></li>
                            </ul>
                        </div>
                    </li>
                    <li class="menu_li"><span class="menu_link">美的供应商</span>
                    
                    </li>
                </ul>
            </div>

        <div class="search">
            <a href="" class="search_img">
                <img src="img/search.png" alt=""></a>
                <div class="display">
                    <div class="search_main">
                        <input type="text" class="input_search" placeholder="Search">
                        <span style="left: 0;top:10px; position: relative;">热门搜索</span>
                        <ul class="search_main_ul">
                            <li>美的集团</li>
                            <li>美的空调</li>
                            <li>美的loT</li>
                            <li>美的美居</li>
                            <li>美的职位</li>
                            <li>美的供应商</li>
                        </ul>
                    </div>
                </div>
            
        </div>
        <div class="country">
            <a href="" class="country_logo">
                <img src="img/country/china.png" alt="">
            </a>
            <div class="display">
                <div class="display_ul">
                    <h3>选择国家/地区</h3>
                    <div class="mainland">
                        <h4>Asia Pacific</h4>
                        <ul class="mainland_flag">

                        </ul>
                    </div>
                </div>
                
            </div>
        </div>
        </div>
    </header>
</body>

</html>